<!DOCTYPE HTML>
    <html>   
        <head>   
            <title>WebSoket Demo</title>			
			<meta http-equiv="content-type" content="text/html;charset=utf-8"/>
			<link type="text/css" rel="stylesheet" href="/src/css/style.css"/>  
            <script type="text/javascript">   
                if (!window.WebSocket) {   
                    alert("WebSocket not supported by this browser!");   
                }   
                /**   
                function display() {   
                    var valueLabel = document.getElementById("valueLabel");   
                    valueLabel.innerHTML = "";   
                    var ws = new WebSocket("ws://localhost:8080/helloworld1");   
                    ws.onmessage = function(evt) {   
                        valueLabel.innerHTML = evt.data;   
                    };   
      
                    ws.onclose = function() {   
                    };   
      
                    ws.onopen = function() {   
                        ws.send("Hello, Server!");   
                    };   
                      
                } 
                **/  
            </script>   
        </head>   
        <body> 
			<div class='window'>  
				<div id='j-connect' class='connectArea'>
					<input id='j-conIpt' type='text'/>
					<input id='j-conBtn' type='button' value= '连接'/>
				</div>
				<div id='j-personInfo' class='personInfo'>
					<img class='photo' src='/src/img/1.jpg'/>
					<div class='introTxt'>我是个自我介绍</div>
				</div>
				<div class='mainArea'>
					<div id = 'j-disablelayer' class="disablelayer">请连接服务器</div>
					<div id = 'j-sendArea' class='inputArea'>
						<textarea id='j-inputArea' class='inputTxt'></textarea><br/>
						<input id='j-input' type='button' class='j-input' value='发送'/>
						<input id="j-group" name="group" type="checkBox"/><label for="group">群发此消息</label>
					</div>					
					<div id='j-rec' class='receiveArea'></div>
				</div> 
			</div>			
			<div id="j-toArea" class='to'>联系人:<input id='j-to' type='text'/>
			<br>
				已登录用户：
				<ul id='j-toLst' class='j-toArea'>
				</ul>
			</div>
        </body>
		<script type="text/javascript" src="/src/script/jquery.js"></script>
		<script type="text/javascript" src="/src/script/script.js"></script>   
    </html>  
